<template>
	<view class="w">
		<view class="item" v-for="v in list" :key="v.id">
			<view class="img"></view>
			<view class="r">
				<view class="title duo-hang">{{ v.title }}</view>
				<view class="time">{{ v.time }}</view>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
const list = ref([])
onLoad(() => {
	for (let i = 0; i < 6; i++) {
		list.value.push({
			id: i,
			imgUrl: '',
			title: '防静电无尘服正确着装学习',
			time: '2023.04.17 20:50学习 '
		})
	}
})

</script>
<style lang="scss" scoped>
.item {
	padding: 36rpx 0;
	display: flex;
	border-bottom: 1px solid #F7F7F7;

	.img {
		width: 210rpx;
		height: 143rpx;
		background-color: aquamarine;
		margin-right: 33px;
	}

	.r {
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.title {
			font-weight: 400;
			font-size: 26rpx;
			color: #333333;
		}

		.time {
			font-weight: 500;
			font-size: 21rpx;
			color: #919191;
			padding-bottom: 20rpx;
		}
	}
}
</style>